﻿
*{margin:0;padding:0;}
body{background:#fff;}
.table_all{display:table;width:100%;margin:auto;}
.cell_all{display:table-cell}
.row_all{display:table-row}
.box_all{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
	}
.info_auto{margin:auto;}

.font-16{font-size:1.6rem}
.font-18{font-size:1.8rem;}
.font_20{font-size:2rem}
.font_28{font-size:2.8rem}
.font_33{font-size:3.3rem;}

.bg0{background: #fff;}
.bg1{background: #FF74B0;}
.bg2{background: #5DB4F1;}
.bg3{background: #F99B21;}
.bg4{background: #6FD2CF;}
.bg5{background: #b37333;}

.fr{float:right}
.bg_none{background:none;}
.center{text-align:center;}
.right{text-align:right;}



.info_nav{background:#fff;
			color:#000;
			border-bottom:1px solid #eee;
			display:table;width:100%;
}
.info_nav .text,
.info_nav .icon{
			/*height:55px;
			line-height:55px;*/
			color:#000;
			display:table-cell;
}
.info_nav .icon{width:40px;}
.info_nav .text{/*width:calc( 100% - 160px );*/}
.wap_user{width:40px;
		height:40px;
}
.info_nav .icon i{
		width:28px;height:28px;
		/*margin:10px auto 0;*/
		color:#000;
}
.info_nav .icon img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
   /* margin: 13px auto 0;*/
}
#main,footer{max-width:768px;margin:auto;}

/****************通用部分END*************/
.book_read a {
    width: 33.33%;
    margin: 0px;
    color: #fff;
    line-height: 40px;
    text-align: center;
	display:table-cell;
}
.go_read{background:#44B549}
.book_case,
.book_subscription
					{background:#F99B21;
}
.zhuangtai{background:#6FD2CF}
.book_info{background:#fff;padding:10px 0;margin:0;}
.book_info p{line-height:24px;}
.one_left{width:calc( 100%/3 );height:auto;text-align:center}
.one_left img{width:90%;max-width:120px;min-width:80px;height:auto}
.one_right{width:calc( 100%/2 - 10px ); margin-left:10px}
.one_right h2{margin-bottom:10px}
.info_tt{height:40px;line-height:40px;
			padding-left:10px;
}
.bg0{background:#fff;color:#000}
.bg1{background:#44B549;
			color:#fff;}
.my_read{background:#fff;
		padding:10px 0 5px;
		line-height:20px;
		height:30px;
		border-bottom:1px solid #eee;
		
}
.my_read .tt{background:#FF74B0;
color:#fff;
width:20px;
height:20px;
text-align:center;
margin:0px 5px;
font-size:13px;
}
.my_read .mulu{background:#5DB4F1;
color:#fff;
width:30px;
height:20px;
text-align:center;
font-size:13px;
}
.my_read .txt,
.my_read .txt  a{font-size:16px; color:#000}
.my_read .txt{width:calc( 100% - 70px );}
.my_read .txt .fr{display:none}
.my_read .txt i{color:#F99B21;margin-right:0px;}
.my_read .txt a{overflow: hidden;    
white-space: nowrap;     
-o-text-overflow: ellipsis;     
text-overflow: ellipsis;}
/*************打赏部分************/
.dashang {
    background: #fff;
    height: 178px;
	border:none;
	display:block;
	border-top:1px solid #eee;
}
.shang,.money{
				text-align:center;
}

.shang{border:none;background: #fff;
		width:6em;
		padding-top:10px;
		float:left;
		text-align:center;
}
.shang span {
	display:block;
	width:5em;height:5em;text-align:center;
	background: #fff url(../images/shang.png) no-repeat center center;
	background-size: 100%;
	margin:5px auto;
}

.shang i {
	font-size: 14px;
	display: block;
	background: #f36e6e;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	width:5em;line-height:32px;
	font-style:normal;
	margin:auto;
	
}
.money{width:70%;
	width:calc( 100% - 6em );margin: auto;
	
	}
.money .itms{margin:0px auto 0;
			width:30%;
			width:calc( 100% / 3 - 1px );
			font-size:12px;
			/*border:1px solid #ccc;*/
			background:#fff;
			padding:5px 0px;
			text-align:center;
			/*border-radius:8px;*/
			position:relative;
			height:68px;
			border:solid #eee;
			border-width:0px 1px 1px 0px;
			display:inline-block;
}
.money .itms:nth-child(3){border-right:none}
.money .itms:nth-child(4){border-bottom:none;}
.money .itms:nth-child(5){border-bottom:none;}
.money .itms:nth-child(6){border-right:none;border-bottom:none;}

.money .itms img{display:block;height:auto;margin:auto;}
.money .select {
			/*border:2px solid #333;*/
			color: #000;
			/*border-radius:8px;*/
}
/*.money .itms:after{
	content:"";
	border:1px solid #fff;
	width:68px;
	height:68px;
	position:absolute;
	z-index:999;
	top:4px;
	left:calc( 50% - 36px );
	margin:auto;
}*/
.money .select:after{
	content:"";
	border:3px solid #F99B21;
	width:90%;
	height:90%;
	width:calc( 68px );
	width:calc( 68px );
	position:absolute;
	top:3px;
	left:1%;
	left:calc( 50% - 36px );
	margin:auto;
	border-radius:8px;
}
/*****************信息页评论**************/
#showcommit{background:#fff;margin:0;padding:10px 0px;}
.comm_text{width:80%;
		  margin:10px auto;
		  background:#ddd;
		  padding:15px;
		  border-radius:5px;
		  text-align:center;}
.comm_text textarea{width:90%;height:55px;border:none;padding:10px;margin:auto;}
.comm_btn{border:none;    
			background: #5DB4F1;
		  color:#fff;
		  line-height:22px;
		  margin:10px 0px 0px 0px;
		  width:5em;
		  text-align:center;
}
.quxiao{display:inline-block;   
		background: #F99B21;
		  color:#fff;font-size:12px;
		  line-height:22px;
		  margin:15px 0px 0px 0px;
		  width:5em;
		  text-align:center;
}
.comm_list{display:block;
			margin:5px 15px;
			text-align:left;
			}
.comm_list dd{
			vertical-align:top;line-height:24px;
			margin-left:55px;
			}
.comm_list dt{float:left;widht:50px;}
.comm_list .left{widht:50px;text-align:center;margin-right:5px;}
.comm_list .username{color:#FD6B8B;}
.comm_list .username a{color:#FD6B8B;}
.comments_one i{
    color:#ccc;margin:5px;
}

.ico{right:28px;}
.comm_list dt img{width:50px;height:50px;border-radius:50%;}
.comm_time{margin:10px 0px;color:#ccc;border-bottom:1px dashed #ccc;line-height:32px}
.comm_txt{color:#000;}
.huifu_list{width:100%;padding:0px}
 .huifu_list .c{display:none;}
 .huifu_list:hover .c{display:block;}
 .tocomm .c{display:none;}
.tocomm:hover.c{display:block;}

.comments_content {
    padding: 10px;
    color: #333;
    line-height: 1.3em;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #f1f1f1;
}
.reply-list {
    padding: 10px;
    padding-bottom: 0;
    background: #f7f7f7;
    border-radius: 5px;
    margin-top: 5px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    position: relative;
    clear: both;
}
.reply-list ul li{ border-bottom:1px solid #e0e0e0; overflow:hidden; margin-top:8px;}
.reply-list ul li:last-of-type{border:none}
.font-16{font-size:16px}
.font-18{font-size:18px;}
.font_20{font-size:20px}
.font_28{font-size:28px}
.font_33{font-size:33px;}
/***********************************
以下为解决宽度撑破兼容，暂勿合并
************************************/
.book_content_introduction {
    width: auto;
    padding: 0px 10px;
}
.info_box_txt{padding-bottom:15px;
}
.info_box_txt p {
    width: auto;
}
.Work_label {
    width: auto;
}
.gift {
    width: auto;
	}
